<template>
  <div>
    <h1>姓名：<label v-text="Name"></label></h1>
    <h1>是否已婚：<span v-if="IsMarry">是</span></h1>
    <h1>大人or小孩：<span v-if="Age>18">大人</span><span v-else>小屁孩</span></h1>
    <h1>学校：{{ School }}</h1>
    <p v-if="type==='A'">A</p>
    <p v-else-if="type==='B'">B</p> <!--2.1以后的功能-->
    <p v-else>notA/B</p>
  </div>
</template>

<script>
  export default{
    data() {
      return {
        Name: '小明',
        IsMarry: true,
        Age: 20,
        School: '光明小学',
        type: 'C'
      }
    }
  }
</script>
